<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                    template="./userTemplate/UserTemplate2.xhtml">

        <ui:define name="Title">
            <title>Order</title>
        </ui:define>
        <ui:define name="content">
            <h:form>

                <div id="content">
                    <h1 align="center" style="color: #191919" > Orders details</h1>
                    <p:panelGrid style="margin-top: 20px;width: 700px">
                        <f:facet name="header">
                            <p:row>
                                <p:column colspan="2">Customer Information</p:column>
                            </p:row>
                        </f:facet>
                        <p:row>
                            <p:column style="font-weight: bold" >
                                <h4 style="width: 150px; color: #191919" >Full Name :<strong style="color: red">*</strong> </h4>
                            </p:column>
                            <p:column>
                                <p:inputText value="sdf" style="width: 300px" />
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column style="font-weight: bold" >
                                <h4 style="width: 150px; color: #191919" >Address :<strong style="color: red">*</strong> </h4>
                            </p:column>
                            <p:column>
                                <p:inputText value="sdf" style="width: 300px" />
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column style="font-weight: bold" >
                                <h4 style="width: 150px; color: #191919" >Phone number :<strong style="color: red">*</strong> </h4>
                            </p:column>
                            <p:column>
                                <p:inputText value="sdf" style="width: 300px" />
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column style="font-weight: bold" >
                                <h4 style="width: 150px; color: #191919" >Email :<strong style="color: red">*</strong> </h4>
                            </p:column>
                            <p:column>
                                <p:inputText value="sdf" style="width: 300px" />
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column style="font-weight: bold" >
                                <h4 style="width: 150px; color: #191919" >Comment :<strong style="color: red">*</strong> </h4>
                            </p:column>
                            <p:column>
                                <p:inputTextarea value="sdf" style="width: 300px" />
                            </p:column>
                        </p:row>

                    </p:panelGrid>

                    <p:panelGrid style="margin-top: 10px;width: 700px">
                        <f:facet name="header">
                            <p:row>
                                <p:column colspan="2">Product Information </p:column>
                            </p:row>
                        </f:facet>
                        <p:row>
                            <p:column style="font-weight: bold" >
                                <h4 style="width: 150px; color: #191919" >Vehicle Name :</h4>
                            </p:column>
                            <p:column>
                                <h:outputText value="#{carBean.vehi.vehilceName}" style="width: 300px;color: red"/>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column style="font-weight: bold" >
                                <h4 style="width: 150px; color: #191919" >Price :</h4>
                            </p:column>
                            <p:column>
                                <h:outputText value="#{carBean.vehi.price}" style="width: 300px;color: red"/>
                            </p:column>
                        </p:row>
                    </p:panelGrid>
                    <p:panel style="margin-top: 10px;margin-bottom: 50px">
                        <p:commandButton value="Submit" style="width: 100px ;height: 40px; font-size: 1.5em" action="#{carBean.searchCar}"/>
                    </p:panel>
                </div>
            </h:form>
        </ui:define>
    </ui:composition>
</html>
